<template>
	<view>
		<NavBar text='家庭成员' />
		<view>
			<view style="padding-left: 20px;line-height: 49px;margin-top: 60px;">
				<span>与我的关系</span>
			</view>
			<view style="width: 302px;height: 85px;margin-left: 20px;display: flex;">
				<uni-data-checkbox mode="tag" v-model="radio3" :localdata="ship" selectedColor="#ffcc00"></uni-data-checkbox>
			</view>
			<view style="display: flex;justify-content: space-between; padding-left: 20px;margin-top: 20px;">
				<span>姓名</span>
				<!-- <input type="name" placeholder=""  > -->
				<span style="margin-right: 20px;">张小龙</span>
				
			</view>
			<view style="padding-left: 20px;margin-top: 20px;display: flex;justify-content: space-between;">
				<span>身份证号</span>
				<!-- <input type="idcard" placeholder="必填" style="margin-left: 20px;"> -->
				<span style="margin-right: 20px;">142375487845642</span>
			</view>
			
		</view>
		<button style="width: 95vw;background-color: #ff9900;color: white; margin-top: 50px;border-radius:30px ;">
			确定
		</button>
	</view>
</template>

<script>
	import NavBar from '@/components/NarBar.vue'
	export default {
		components: {
			NavBar
		},
		data() {
			return {
				radio3: 0,
					ship: [{
						text: '父亲',
						value: 0
					}, {
						text: '母亲',
						value: 1
					}, {
						text: '配偶',
						value: 2
					},{
						text: '儿子',
						value: 3
					}, {
						text: '女儿',
						value: 4
					}, {
						text: '其他',
						value: 5
					},],
				
			}
		},
	}
</script>

<style scoped>

</style>